<!DOCTYPE html>
<html data-use-rem="640">
<head lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="format-detection" content="email=no" />
  <meta name="description" content="MeadJohnson">
  <meta name="keywords" content="MeadJohnson">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="MeadJohnson">
  <meta http-equiv="Expires" content="-1">
  <meta http-equiv="Cache-Control" content="no-cache">
  <meta http-equiv="Pragma" content="no-cache">
  <title>美赞臣-专家学堂</title>
  <link rel="stylesheet" href="css/public.css"/>
  <link rel="stylesheet" href="css/swiper.min.css">
</head>
<body>
<div class="authbox">
</div>
<div class="container">
  <div class="inter inter4">
    <div class="tip tip3">
      <div class="speech">
        <div class="hosta">
          <div class="exqbox">
            <div  class="qa_box">
              <div class="qa">
                <div class="ques">Q</div>
                <span class="anw2 anw3">你干啥呢你说呢好呢好呢(50人感兴趣)</span>
              </div>
              <div class="qa">
                <div class="ques answer">A</div>
                <audio src="{{item.audio}}"></audio>
                <div class="audio_c">
                  <div  class="audio_img"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="houseBtn">
      <img src="img/icon_11.png" alt="">
      <span>收藏</span>
    </div>
    <p class="from">来自刘诗倩《增强抵抗力，宝宝少生病》</p>
  </div>
  <div class="main_box">
    <div class="class_box">
      <img src="img/icon_21.png">
      <div class="enrollment">
        <div class="title">报名人数</div>
        <div class="num">2222</div>
      </div>
      <div class="class_info">
        <!--音频class为audiotitle-->
        <div class="videotitle">准妈妈临产前最担心的事</div>
        <div class="expert">张容呀 北京协和医院</div>
        <div class="time">2016年4月22日18:10</div>
        <div class="btn">
          <img src="https://r.epclass.meadjohnson.joypaw.com/p/v2/go.png">
          <span> 收听回顾</span>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="footer">
  <div  class="fl nav on">
    <img src="https://r.epclass.meadjohnson.joypaw.com/p/v2/fm.png">
    <span>专家学堂</span>
  </div>
  <div class="fl nav">
    <img src="img/expert.png">
    <span>专家回答</span>
  </div>
  <div class="fl nav">
    <img src="https://r.epclass.meadjohnson.joypaw.com/p/v2/me.png">
    <span>个人中心</span>
  </div>
</div>
<script src="js/rem.js"></script>
<script src="js/swiper.min.js"></script>
</body>
</html>